<template>
  <div id="navmap">
    <ul>
      <li>
        <router-link to="/login">全部分类</router-link>
      </li>
      <li>
        <router-link to="/index">首页</router-link>
      </li>
      <li>
        <router-link to="/same">同城</router-link>
      </li>
      <li>
        <router-link to="/friday">礼拜五</router-link>
      </li>
      <li>
        <router-link to>积分商城</router-link>
      </li>
      <li>
        <router-link to>导航+</router-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  // data() {
  //   return {
  //     navlist: [
  //       { id: 1, content: "全部分类" },
  //       { id: 2, content: "首页" },
  //       { id: 3, content: "同城" },
  //       { id: 4, content: "礼拜五" },
  //       { id: 5, content: "积分商城" },
  //       { id: 6, content: "导航+" }
  //     ]
  //   };
  // }
};
</script>
<style scoped>
#navmap {
  width: 80%;
  margin: auto;
  
}
#navmap ul {
  list-style: none;
  width: 70%;
  padding: 0px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  margin: 15px 0px;
}
#navmap ul li {
  width: 30%;
  
  border-right: 1px solid #e8e8e8;
  cursor: pointer;
}
#navmap ul li a{
  text-decoration: none;
  color:#323333;
}
#navmap ul li:nth-last-child(1) {
  border: none;
}
</style>

